<div class="topnav">
    <a class="active" href="#home">Home</a>
    <a href="#news">News </a>
    <a href="#contact">Contact </a>
    <a href="#about">About </a>
  </div>
  <br />
  <div class="topnav">
    <a class="active" href="#home" (click)="changeRoute($event, 'home')"
      >Home 2</a
    >
    <a href="#news" (click)="changeRoute($event, 'news')">News 2</a>
  
    <a href="#contact" [routerLink]="[{ outlets: { secondary: ['contact'] } }]"
      >Contact 2</a
    >
    <a href="#about" [routerLink]="[{ outlets: { secondary: ['about'] } }]"
      >About 2</a
    >
  </div>
  <br />
  